<#assign contentletAPI = variableMacroHelper.contentletAPI />
<#assign preferenceAPI = variableMacroHelper.preferenceAPI />		


<div class="col-sub">

<div class="box J_TBox">
	<div class="shop-rank">
		<div class="hd">
			<h3><span>销售排行榜</span></h3>
		</div>
		<div class="bd">
			<div id="J_ranktab" class="rank-tab J_TWidget" data-widget-type="Tabs" data-widget-config="{'navCls': 'tab-nav', 'contentCls': 'rank-panels', 'activeTriggerCls': 'selected','switchTo': 0 }"> 
			
				<ul class="tab-nav">
					<li class="selected"><span>热销宝贝排行</span></li>
					<li class=""><span>热门收藏排行</span></li>
				</ul>
				<div class="rank-panels">
					<div class="rank-panel">
						<ul>
							<#assign contentlets = contentletAPI.getListByHotSale(contentlet.inode, 19, 10) />

							<#list contentlets as content>
							<li>
								<div class="pic">
									<a href="${currentSite.schemaName}/shop/item?inode=${content.inode}&con=19" target="_blank">
									<img bigpicurl="http://img01.taobaocdn.com/bao/uploaded/i1/T1YmRKXi4kXXbUGbw._111404.jpg_120x120.jpg" src="http://img01.taobaocdn.com/bao/uploaded/i1/T1YmRKXi4kXXbUGbw._111404.jpg_40x40.jpg"></a>
								</div>
								<div class="desc">
									<a href="${currentSite.schemaName}/shop/item?inode=${content.inode}" title="${content.title}" target="_blank">${content.title}</a></div>
								<div class="price"><i></i>${content.listPrice}元</div>
								<div class="sale"><i></i>已售出 <strong>686</strong> 笔</div>
							</li>
							</#list>
						</ul>
					</div>
					<div class="rank-panel hidden">
						<ul>
							<#assign contentlets = contentletAPI.getListByFaverite(contentlet.inode, 10) />

							<#list contentlets as content>
							<li>
								<div class="pic">
									<a href="${currentSite.schemaName}/shop/item?inode=${content.inode}" target="_blank">
										<img bigpicurl="http://img03.taobaocdn.com/bao/uploaded/i3/T1A0F3XbdpXXbLWRI4_053729.jpg_120x120.jpg" src="http://img03.taobaocdn.com/bao/uploaded/i3/T1A0F3XbdpXXbLWRI4_053729.jpg_40x40.jpg">
									</a>
								</div>
								<div class="desc">
									<a href="${currentSite.schemaName}/shop/item?inode=${content.inode}" title="${content.title}" target="_blank">${content.title}</a></div>
								<div class="price"><i></i>${content.listPrice}元</div>
								<div class="collecter"><i></i>收藏人气&nbsp;&nbsp;681</div>
							</li>
							</#list>
						</ul>
					</div>
				</div>
			</div><!--ending J_ranktab-->
		</div>
	</div>
</div>


<script>
    KISSY.ready(function(S) {
        var tabs = new S.Tabs('#J_ranktab',{triggerType: 'click', navCls: 'tab-nav', contentCls: 'rank-panels', activeTriggerCls: 'selected', switchTo: 0});
    });
</script>



<div class="box J_TBox">
	<div class="shop-display">
		<div class="hd">
			<h3><span>热卖中</span></h3>
		</div>
		<div class="bd">
			<div class="grid">
			<ul class="shop-list">
				<#assign contentlets = contentletAPI.getListByFolderFriend(contentlet.inode, 4) />
				<#list contentlets as content>
				<li>
				<div class="item">
					<div class="pic">
						<a href="${currentSite.schemaName}/shop/item?inode=${content.inode}" target="_blank">
						<img src="http://img01.taobaocdn.com/bao/uploaded/i1/T1edBDXmhEXXccMtZ9_102831.jpg_160x160.jpg">
						</a>
					</div>
					<div class="desc">
						<a class="permalink" href="${currentSite.schemaName}/shop/item?inode=${content.inode}" target="_blank"> ${content.title}</a>
					</div>
					<div class="price">
						<div class="now">
							<span>一口价</span>
							<strong>${content.listPrice}元</strong>
						</div>
						<div class="market"><span>市场价：</span><del>￥${content.salePrice}元</del></div>
					</div>
					<div class="sales-amount">已销售：<em>35</em>件</div>
					<div class="rating">
						<span title="4.44分" class="c-value-no"><i style="width: 4.44em"></i></span>
						<span class="small">(<a title="评论列表" href="http://item.taobao.com/item.htm?id=5322786554&amp;show_review=1" target="_blank"> 已有9人评论 </a>)</span>
					</div>
				</div>
				</#list>
				</li>
			</ul>
			</div>
		</div>
	</div>
</div>

</div>
